﻿/*文字排版*/

.f-12 { font-size: 12px; }
.f-13 { font-size: 13px; }
.f-14 { font-size: 14px; }
.f-16 { font-size: 16px; }
.f-20 { font-size: 20px; }

.fn { font-weight: normal; }
.fb { font-weight: bold; }

.t-2 { text-indent: 2em; }

.lh-150 { line-height: 150%; }

.lh-180 { line-height: 180%; }

.lh-200 { line-height: 200%; }

.unl { text-decoration: underline; }

.unl-none { text-decoration: none; }

/*定位*/

.tl { text-align: left; }

.tc { text-align: center; }

.tr { text-align: right; }

.bc { margin-left: auto; margin-right: auto; }

.fl { float: left; display: inline; }

.fr { float: right; display: inline; }

.cb { clear: both; }

.cl { clear: left; }

.cr { clear: right; }

.vm { vertical-align: middle; }

.pr { position: relative; }

.pa { position: absolute; }

.abs-right { position: absolute; right: 0; }


.hidden { visibility: hidden; }

.none { display: none; }

/*长度高度*/

.w-10 { width: 10px; }

.w-20 { width: 20px; }

.w-30 { width: 30px; }

.w40 { width: 40px; }

.w-50 { width: 50px; }

.w-60 { width: 60px; }

.w-70 { width: 70px; }

.w-80 { width: 80px; }

.w-90 { width: 90px; }

.w-100 { width: 100px; }

.w-200 { width: 200px; }

.w-250 { width: 250px; }

.w-300 { width: 300px; }

.w-400 { width: 400px; }

.w-500 { width: 500px; }

.w-600 { width: 600px; }

.w-700 { width: 700px; }

.w-800 { width: 800px; }

.w { width: 100%; }

.h-50 { height: 50px; }

.h-80 { height: 80px; }

.h-100 { height: 100px; }

.h-200 { height: 200px; }

.h { height: 100%; }

/*边距*/

.m-10 { margin: 10px; }

.m-15 { margin: 15px; }

.m-30 { margin: 30px; }

.mt-5 { margin-top: 5px; }

.mt-10 { margin-top: 10px; }

.mt-15 { margin-top: 15px; }

.mt-20 { margin-top: 20px; }

.mt-30 { margin-top: 30px; }

.mt-50 { margin-top: 50px; }

.mt-100 { margin-top: 100px; }

.mb-10 { margin-bottom: 10px; }

.mb-15 { margin-bottom: 15px; }

.mb-20 { margin-bottom: 20px; }

.mb-30 { margin-bottom: 30px; }

.mb-50 { margin-bottom: 50px; }

.mb-100 { margin-bottom: 100px; }

.ml-5 { margin-left: 5px; }

.ml-10 { margin-left: 10px; }

.ml-15 { margin-left: 15px; }

.ml-20 { margin-left: 20px; }

.ml-30 { margin-left: 30px; }

.ml-50 { margin-left: 50px; }

.ml-100 { margin-left: 100px; }

.mr-5 { margin-right: 5px; }

.mr-10 { margin-right: 10px; }

.mr-15 { margin-right: 15px; }

.mr-20 { margin-right: 20px; }

.mr-30 { margin-right: 30px; }

.mr-50 { margin-right: 50px; }

.mr-100 { margin-right: 100px; }

.p-10 { padding: 10px; }

.p-15 { padding: 15px; }

.p-30 { padding: 30px; }

.pt-5 { padding-top: 5px; }

.pt-10 { padding-top: 10px; }

.pt-15 { padding-top: 15px; }

.pt-20 { padding-top: 20px; }

.pt-30 { padding-top: 30px; }

.pt-50 { padding-top: 50px; }

.pb-5 { padding-bottom: 5px; }

.pb-10 { padding-bottom: 10px; }

.pb-15 { padding-bottom: 15px; }

.pb-20 { padding-bottom: 20px; }

.pb-30 { padding-bottom: 30px; }

.pb-50 { padding-bottom: 50px; }

.pb-100 { padding-bottom: 100px; }

.pl-5 { padding-left: 5px; }

.pl-10 { padding-left: 10px; }

.pl-15 { padding-left: 15px; }

.pl-20 { padding-left: 20px; }

.pl-30 { padding-left: 30px; }

.pl-50 { padding-left: 50px; }

.pl-100 { padding-left: 100px; }

.pr-5 { padding-right: 5px; }

.pr-10 { padding-right: 10px; }

.pr-15 { padding-right: 15px; }

.pr-20 { padding-right: 20px; }

.pr-30 { padding-right: 30px; }

.pr-50 { padding-right: 50px; }

.pr-100 { padding-right: 100px; }
